<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text">
<input type="button" value="按钮">
<div>div1</div>
<div>div2</div>
<div>div3</div>
<!--引入jQuery框架-->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script>
  //找到div 并修改文本内容
  $("div:first").text("Hello JQuery");//匹配第一个
  $("div:last").text("Hello JQuery");//匹配最后一个
  $("div:eq(1)").text("Hello JQuery");//匹配第二个

  //修改文本框的值
  $("input:first").val("修改值");
  //获取文本框的值
  console.log($("input:first").val());

  //给元素动态添加事件
  $("input:last").click(function () {
    alert("按钮被点击了!")
  })
</script>
</body>
</html>